<template>
  <div class="app">
	<router-view v-if="show" /></router-view>
  </div>
</template>

<script>
  import watermark from "@/untils/watermark";

  export default {
    data(){
		return {
			show:true
		}
	},
	provide() {
  		return {
  			reload: this.reload
  		}
  	},

    mounted() {
      document.addEventListener('contextmenu', this.preventRightClick);
	  if (localStorage.getItem('menuCollapsed') === null) {
	    localStorage.setItem('menuCollapsed', 'false');
	  }
    },
    methods:{
      // preventRightClick(e) {
      //   e.preventDefault();
      // },
			// 高阶组件定义刷新方法
    		reload() {
    			this.show = false
    			this.$nextTick(() => {
    				this.show = true
    			})
    		},
		},
  }
</script>

<style lang="less" scoped>
.app{
  height: 100%;
  margin: 0;
  padding: 0;
  /* 在App.vue或全局样式中添加 */
  // :root {
  //   --primary-color: #00557f;
  //   --primary-color-light: rgba(0, 85, 127, 0.1);
  //   --bg-color: #fff;
  //   --text-color: #304156;
  // }
}
</style>


